<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>radio</title>
		<link rel="stylesheet" type="text/css" href="index.css" />
	</head>

	<body>
		<span class="radio-circle">
                <label>
                    <input type="radio" id="white" name="day" />
                    <label for="white"></label>
                    <span class="text">白天</span>
                </label>
                <label>
                    <input type="radio" id="black" name="day"  checked="checked"/>
                    <label for="black"></label>
                    <span class="text">晚上</span>
                </label>
                                <label>
                    <input type="radio" id="moon" name="day"  checked="checked"/>
                    <label for="moon"></label>
                    <span class="text">中午</span>
                </label>
           </span>
	</body>
</html>